<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div desc='houdunren'>在线学习</div>
<div desc='hdcms'>开源产品</div>
</body>
<script>
  // <!--   此时只是想要打印一下desc的内容，但是却把整个div对象保留了下来，是无用的内存浪费-->
  let divs = document.querySelectorAll("div");
  // divs.forEach(function (i) {
  //   i.addEventListener('click', function () {
  //     console.log(i.getAttribute(('desc')))
  //   })
  // })


  divs.forEach(function (i) {
    let msg = i.getAttribute("desc");
    i.addEventListener('click', function () {
      console.log(msg)
    })
    // 优化方案
    i = null;
  })
</script>
</html>